<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <script type="text/javascript" src="vue.js"></script>
</head>
<!--1.v-model只能用在表单类元素，即输入值类型（value）。-->
<!--2.v-model：value可以简写为v-model，因为v-model默认收集的就是value值-->


<body>
<div id="root">
单项数据绑定v-bind: <input type="text" :value="name">
  </br>
双项数据绑定v-model: <input type="text" v-model="name">
</div>
</body>


<script type="text/javascript" >
  Vue.config.productionTip = false
  new Vue({
    el:'#root',
    data:{
      name:"学堂1"
    }
  })
</script>
</html>